<ui:composition template="../template/plantilla_01.xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui">

    <f:metadata>        
        <f:event type="preRenderView" listener="#{favoritosBean.marcarCompradoEnFavorito()}" />        
    </f:metadata>

    <ui:define name="panelCentral" >
        
        <h:form id="formulario" prependId="false" >

            <p:messages showDetail="true" />
            
            <p:panel header="Productos Favoritos" style="min-height: 400px;height: auto;" >

                <p:dataTable value="#{usuarioSessionBean.usuario.favoritos}" var="f"
                             paginator="true" rows="15" emptyMessage="No se encontraron productos"
                             rowsPerPageTemplate="15,50,100" >
                    
                    <p:column styleClass="tbCodigoFav"  width="100" headerText="Código" sortBy="#{f.producto.codigo}" >
                              
                        
                        <h:outputText value="#{f.producto.codigo}" /><br/>
                        <h:outputText value="#{f.producto.nroParte}" />
                        
                    </p:column>
                    
                    <p:column width="150"  >
                        <h:graphicImage styleClass="imgProductoDet"   value="#{aplicacionBean.parametro.pathImagenesProductos}#{f.producto.imgchi}.jpg" />                        
                    </p:column>
                    
                    <p:column width="400" headerText="Descripción" sortBy="#{f.producto.descrp}"
                              filterBy="#{f.producto.descrp}" filterStyle="width:400px; float:left;" filterMatchMode="contains" >
                        <h:outputText value="#{f.producto.descrp}" />
                        
                    </p:column>
                    
                    <!--
                    <p:column width="55" style="text-align: right;" sortBy="#{f.precioFinal}" >

                        <f:facet name="header">
                            <div style="text-align: center;">
                                <h:outputText value="$ Venta" />
                                <br/>
                                <h:outputText value="c/I.V.A." />
                            </div>
                        </f:facet>

                        <h:outputText value="#{f.precioFinal*monedaBean.cotizacionDelDia.cotizacion/monedaBean.moneda.cotizacion}"
                                      style="#{f.conVariacionPrecio=='S'?'font-weight: bold; color: #0066cc;':''}"
                                      rendered="#{f.moneda == 'USD'}" >
                                <f:convertNumber pattern=" ##,##0.00" />
                        </h:outputText>

                        <h:outputText value="#{f.precioFinal/monedaBean.moneda.cotizacion}"
                                      style="#{f.conVariacionPrecio=='S'?'font-weight: bold; color: #0066cc;':''}"
                                      rendered="#{f.moneda == 'ARS'}" >
                                <f:convertNumber pattern=" ##,##0.00" />
                        </h:outputText>

                        <h:graphicImage id="varpre" value="#{aplicacionBean.parametro.pathImagenesDefault}/iconos/icono-variacion.png" rendered="#{f.conVariacionPrecio=='S'}"
                                        style="margin-left: 2px;"/>
                        <p:tooltip for="varpre" value="Este producto ha sufrido variación de precios en los últimos 30 días"
                                   style="width: 200px;"/>
                    </p:column>
                    -->
                                                  
                    <p:column styleClass="tbCodigoOpc" width="100" headerText="Opciones" >
                        
                         <div style="width:30px; float:left; margin-left: 5px;">
                        <p:commandButton icon="iconoFavoritoOk"  title="Quitar este producto de favoritos" style="float:left;" 
                                         actionListener="#{favoritosBean.eliminarFavoritoFromProducto(f.producto)}" 
                                         update="@form" />
                        
                  
                        </div>
                        
                       <div style="width:30px; float:left; margin-left: 5px;">
             
                       <p:commandButton id="btnFichaProducto" icon="btnMasInfoF"  
                                  title="Ver la ficha del producto"
                                  action="#{catalogoBean.verFichaProductoFromFavoritos(f.producto)}"
                                  update="@form" 
                                  process="@this" >
                        </p:commandButton>
                        <p:tooltip for="btnFichaProducto" showEffect="fade" hideEffect="fade"  />
                       </div>
                       
                        
                       <p:commandButton  id="btnAgregar" icon="btnAgregarp" style="top:0% !important;   margin-right:5px;"
                                          actionListener="#{catalogoBean.verConfirmarCantidadProducto(f.producto)}"
                                          process="@this"
                                          update=":formulario:confirmarCantidad"
                                          title="Agregar este producto al carrito de compras"
                                          rendered="#{not f.seleccionado}"
                                          oncomplete="PF('dlgCantidad').show();  btnAceptar.focus(); " >                
                        </p:commandButton>
                        <p:tooltip for="btnAgregar" showEffect="fade" hideEffect="fade" rendered="#{f.seleccionado}"  /> 
                        
                        
                        <p:commandButton  id="btnDelete" icon="btnDelete3" style="top:0% !important;"
                                          actionListener="#{catalogoBean.generarItemCatalogo(f.producto)}"
                              process="@this"
                              update=":formulario:confirmarBorrado"
                              title="Borrar este producto del carrito de compras"
                              rendered="#{f.seleccionado}"
                              oncomplete="PF('dlgConfirmarBorrado').show(); btnBorrar.focus()">
                        </p:commandButton>            
                        <p:tooltip for="btnDelete"  showEffect="fade" hideEffect="fade" rendered="#{(s.seleccionado)}" />
                                               
                        
                        
                       
                        
                    </p:column>
                </p:dataTable>                              

            </p:panel>
                            
            <!-- CONFIRMAR CANTIDAD -->
            <ui:include src="../inventario/catalogoConfirmaCantidad.xhtml" />
        
            <!-- CONFIRMAR BORRADO -->
            <ui:include src="../inventario/catalogoConfirmaBorrado.xhtml" />    
    
        </h:form>
      
  </ui:define>
    
</ui:composition>